﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="articalList.aspx.cs" Inherits="Face.Web.Pic_and_article.articalList" %>

<!DOCTYPE html>
<html lang="en">
<head id="Head1" runat="server">
    <meta charset="utf-8" />
    <title>Post 90s Museum - Remember your memory. </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <link href="../css/bootstrap.min.css" rel="stylesheet" media="screen" />
    <style type="text/css">
        body
        {
            padding-bottom: 40px;
        }
        p
        {
            margin-top: 1px;
            margin-bottom: 1px;
        }
        span.articalInfo
        {
            font-size: small;
            color: Gray;
        }
    </style>
    <link href="../css/bootstrap-responsive.min.css" rel="stylesheet" media="screen" />
</head>
<body>
    <form id="form1" runat="server">
    <%--这是顶上的导航栏--%>
    <div class="row">
        <div class="span12">
            <div class="row">
                <div class="span3 offset1">
                    <p>
                        <a href="../index.aspx">
                            <img src="/img/logo.png" alt="GatherContent logo"></a></p>
                </div>
                                <div class="span2 pull-right">
                    &nbsp
                    <div class="span3">
                        <div class="row">
                            <div class="span1">
                                <a href="/index.aspx" class=""><span style="color: Gray; font-size: small">主页</span></a>
                            </div>
                            <%if (Session["user"] == null)
                              {%>
                            <div class="span1">
                                <a href="/login_and_signup/signup.aspx">现在就注册</a>
                            </div>
                            <div class="span1">
                                <a href="/login_and_signup/login.aspx" class="btn btn-inverse btn-mini">登录</a>
                            </div>
                            <%
                                }
                              else
                              {%>
                            <div class="btn-group">
                                <a class="btn btn-mini dropdown-toggle ajax-dropdown-toggle" data-toggle="dropdown"
                                    href="#"><span>
                                        <%=Session["user"].ToString()%></span> <span class="caret"></span></a>
                                <ul class="dropdown-menu pull-right">
                                    <li>
                                        <asp:LinkButton ID="LinkButton1" CssClass="item" runat="server" OnClick="btn_logout">Logout</asp:LinkButton></li>
                                </ul>
                            </div>
                            <%} %>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="navbar navbar-inverse">
        <div class="navbar-inner">
            <div class="container">
                <div class="row">
                    <div class="span10 offset1">
                        <ul class="nav">
                            <li class=""><a href="/Pic_and_article/picture.aspx"><i class="icon-camera icon-white section-icon">
                            </i>图片</a> </li>
                            <li class="active"><a href="/Pic_and_article/articalList.aspx" class="overview"><i class="icon-pencil icon-white section-icon">
                            </i>文章</a> </li>
                            <li class=""><a href="/VideoPage/VideoHome.aspx"><i class="icon-folder-open icon-white section-icon">
                            </i>视频</a> </li>
                            <% 
                                if(Session["user"]!=null) 
                                {
                            %>
                            <li class=""><a href="../Message/MessageReceive.aspx"><i class="icon-edit icon-white section-icon">
                            </i>消息管理</a> </li>
                            <li class=""><a href="../VideoPage/MyVideoAlbumsManage.aspx"><i class="icon-play-circle icon-white section-icon">
                            </i>我的视频发布</a> </li>
                            <li class=""><a href="../xwbemo1/UserInfoEdit.aspx"><i class="icon-edit icon-white section-icon">
                            </i>我的用户信息</a> </li>
                            
                            <%
                                }
                            %>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%--/这是顶上的导航栏--%>
    <div class="container">
        <!-- Main hero unit for a primary marketing message or call to action -->
        <div class="row">
            <div class="span12">
                <div class="row">
                    <div class="span4">
                        <a href="artical.aspx" class="thumbnail">
                            <h3>
                                弹一曲离骚，奏未老的青春</h3>
                            <div class="caption">
                                <p>
                                    <span class="articalInfo">时间:2013-05-03 10:41 来源:原创</span></p>
                                <p>
                                    <span class="articalInfo">作者:青松 点击: 2113 次</span></p>
                                <p>
                                    &nbsp</p>
                                <p>
                                    曾经只是曾经，再美也只是曾经？青春，迷茫？颓废？落寞？孤独？一直不太懂青春的含义，只是稀里糊涂中就路过了这一路的繁华。一直也不太喜欢那些青春落寞的字眼，还是喜欢诸如：奋斗，拼搏，阳光，梦想，坚持，微笑这样的词语，这些词语应该与青春的含义来的更为贴切。</p>
                            </div>
                        </a>
                    </div>
                    <div class="span4">
                        <a href="artical.aspx" class="thumbnail">
                            <h3>
                                致青春 之爱情</h3>
                            <div class="caption">
                                <p>
                                    <span class="articalInfo">时间:2013-05-07 10:33 来源:原创 </span>
                                </p>
                                <p>
                                    <span class="articalInfo">作者:殇逸 点击: 1235 次</span></p>
                                <p>
                                    &nbsp</p>
                                <p>
                                    张爱玲说：照片这东西不过是生命的碎壳：纷纷的岁月已过去，瓜子仁一粒粒咽了下去，滋味各人自己知道，留给大家看的唯有那狼藉的黑白的瓜子壳。 虽然我们青春的已经逝去了，那一些黑白的照片留下的回忆斑驳了记忆，有些是苦、有些是乐，那些人、那些事。慢慢地翻开，慢慢地拼凑，发现总是缺少几张最重要的部分，无论怎样努力，都不是一幅完整的画了。留下了类似画中的旁白，需要自己去默默地品味、猜想吧！</p>
                            </div>
                        </a>
                    </div>
                    <div class="span4">
                        <a href="artical.aspx" class="thumbnail">
                            <h3>
                                那些年，一起走过的日子</h3>
                            <div class="caption">
                                <p>
                                    <span class="articalInfo">时间:2013-05-05 09:59 来源:原创 </span>
                                </p>
                                <p>
                                    <span class="articalInfo">作者:何小轩 点击: 978 次</span></p>
                                <p>
                                    &nbsp</p>
                                <p>
                                    那是一个水性扬花的年龄，青春在闷骚的春天显得格外的花枝招展，忘却了天空中的那一朵蓝花盛来的美丽；忘却了我们在水月洞天中肆无忌惮的挥霍；忘却了风花雪夜里我们擦肩而过的彷徨。那些年，我们一起走过的校园.</p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="span12">
                        <div class="row">
                            <div class="span4">
                                <a href="artical.aspx" class="thumbnail">
                                    <h3>
                                        弹一曲离骚，奏未老的青春</h3>
                                    <div class="caption">
                                        <p>
                                            <span class="articalInfo">时间:2013-05-03 10:41 来源:原创</span></p>
                                        <p>
                                            <span class="articalInfo">作者:青松 点击: 2113 次</span></p>
                                        <p>
                                            &nbsp</p>
                                        <p>
                                            曾经只是曾经，再美也只是曾经？青春，迷茫？颓废？落寞？孤独？一直不太懂青春的含义，只是稀里糊涂中就路过了这一路的繁华。一直也不太喜欢那些青春落寞的字眼，还是喜欢诸如：奋斗，拼搏，阳光，梦想，坚持，微笑这样的词语，这些词语应该与青春的含义来的更为贴切。</p>
                                    </div>
                                </a>
                            </div>
                            <div class="span4">
                                <a href="artical.aspx" class="thumbnail">
                                    <h3>
                                        弹一曲离骚，奏未老的青春</h3>
                                    <div class="caption">
                                        <p>
                                            <span class="articalInfo">时间:2013-05-03 10:41 来源:原创</span></p>
                                        <p>
                                            <span class="articalInfo">作者:青松 点击: 2113 次</span></p>
                                        <p>
                                            &nbsp</p>
                                        <p>
                                            曾经只是曾经，再美也只是曾经？青春，迷茫？颓废？落寞？孤独？一直不太懂青春的含义，只是稀里糊涂中就路过了这一路的繁华。一直也不太喜欢那些青春落寞的字眼，还是喜欢诸如：奋斗，拼搏，阳光，梦想，坚持，微笑这样的词语，这些词语应该与青春的含义来的更为贴切。</p>
                                    </div>
                                </a>
                            </div>
                            <div class="span4">
                                <a href="artical.aspx" class="thumbnail">
                                    <h3>
                                        弹一曲离骚，奏未老的青春</h3>
                                    <div class="caption">
                                        <p>
                                            <span class="articalInfo">时间:2013-05-03 10:41 来源:原创</span></p>
                                        <p>
                                            <span class="articalInfo">作者:青松 点击: 2113 次</span></p>
                                        <p>
                                            &nbsp</p>
                                        <p>
                                            曾经只是曾经，再美也只是曾经？青春，迷茫？颓废？落寞？孤独？一直不太懂青春的含义，只是稀里糊涂中就路过了这一路的繁华。一直也不太喜欢那些青春落寞的字眼，还是喜欢诸如：奋斗，拼搏，阳光，梦想，坚持，微笑这样的词语，这些词语应该与青春的含义来的更为贴切。</p>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="span12">
                        <div class="row">
                            <div class="span4">
                                <a href="artical.aspx" class="thumbnail">
                                    <h3>
                                        弹一曲离骚，奏未老的青春</h3>
                                    <div class="caption">
                                        <p>
                                            <span class="articalInfo">时间:2013-05-03 10:41 来源:原创</span></p>
                                        <p>
                                            <span class="articalInfo">作者:青松 点击: 2113 次</span></p>
                                        <p>
                                            &nbsp</p>
                                        <p>
                                            曾经只是曾经，再美也只是曾经？青春，迷茫？颓废？落寞？孤独？一直不太懂青春的含义，只是稀里糊涂中就路过了这一路的繁华。一直也不太喜欢那些青春落寞的字眼，还是喜欢诸如：奋斗，拼搏，阳光，梦想，坚持，微笑这样的词语，这些词语应该与青春的含义来的更为贴切。</p>
                                    </div>
                                </a>
                            </div>
                            <div class="span4">
                                <a href="artical.aspx" class="thumbnail">
                                    <h3>
                                        弹一曲离骚，奏未老的青春</h3>
                                    <div class="caption">
                                        <p>
                                            <span class="articalInfo">时间:2013-05-03 10:41 来源:原创</span></p>
                                        <p>
                                            <span class="articalInfo">作者:青松 点击: 2113 次</span></p>
                                        <p>
                                            &nbsp</p>
                                        <p>
                                            曾经只是曾经，再美也只是曾经？青春，迷茫？颓废？落寞？孤独？一直不太懂青春的含义，只是稀里糊涂中就路过了这一路的繁华。一直也不太喜欢那些青春落寞的字眼，还是喜欢诸如：奋斗，拼搏，阳光，梦想，坚持，微笑这样的词语，这些词语应该与青春的含义来的更为贴切。</p>
                                    </div>
                                </a>
                            </div>
                            <div class="span4">
                                <a href="artical.aspx" class="thumbnail">
                                    <h3>
                                        弹一曲离骚，奏未老的青春</h3>
                                    <div class="caption">
                                        <p>
                                            <span class="articalInfo">时间:2013-05-03 10:41 来源:原创</span></p>
                                        <p>
                                            <span class="articalInfo">作者:青松 点击: 2113 次</span></p>
                                        <p>
                                            &nbsp</p>
                                        <p>
                                            曾经只是曾经，再美也只是曾经？青春，迷茫？颓废？落寞？孤独？一直不太懂青春的含义，只是稀里糊涂中就路过了这一路的繁华。一直也不太喜欢那些青春落寞的字眼，还是喜欢诸如：奋斗，拼搏，阳光，梦想，坚持，微笑这样的词语，这些词语应该与青春的含义来的更为贴切。</p>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <script src="../js/jquery-2.0.0.min.js" type="text/javascript"></script>
    <script src="../js/bootstrap.min.js" type="text/javascript"></script>
</body>
</html>
